---
layout: page
title: 我的资源
permalink: /resources/courses/

siteNavs:
 - label: 教材资源
   link: /resources/courses/
 - label: 课前导学
   link: "#"
 - label: 同步备课
   link: "#"
 - label: 在线检测
   link: "#"
 - label: 课后作业
   link: "#"
   
loggedIn: True
noBrandSearch: True
contentNavTabs:
 - label: 我的资源
   resource: /res
 - label: 公共资源
   resource: /res
 - label: 电子课本
   resource: /res
   
# ===== TEST
sideNavList:
 - label: 教学人教版五年级
   children:
    - label: 1.单元标题
      children:
       - label: 平行四边形面积
         link: /resources/courses/
       - label: 平行四边形面积
         link: "#"
       - label: 平行四边形面积
         link: "#"
 - label: 教学人教版五年级
   children:
    - label: 1.单元标题
      children:
       - label: 平行四边形面积
         link: "#"
       - label: 平行四边形面积
         link: "#"
       - label: 平行四边形面积
         link: "#"
 - label: 教学人教版五年级
   children:
    - label: 1.单元标题
      children:
       - label: 平行四边形面积
         link: "#"
       - label: 平行四边形面积
         link: "#"
       - label: 平行四边形面积
         link: "#"

noResults: True

resourcesList:
 - name: 资源名称资源名称资源名称资源名称
   icon: bmp
   type: 素材
   date: 2019-05-10
   fileSize: 1.58M # 1656750 # byte
 - name: 资源名称资源名称资源名称资源名称
   icon: mp3
   type: 素材
   date: 2019-05-10
   fileSize: 1.58M # 1656750 # byte
 - name: 资源名称资源名称资源名称资源名称
   icon: jpg
   type: 素材
   date: 2019-05-10
   fileSize: 1.58M # 1656750 # byte
 - name: 资源名称资源名称资源名称资源名称
   icon: mp4
   type: 素材
   date: 2019-05-10
   fileSize: 1.58M # 1656750 # byte
 - name: 资源名称资源名称资源名称资源名称
   icon: mp4
   type: 素材
   date: 2019-05-10
   fileSize: 1.58M # 1656750 # byte
 - name: 资源名称资源名称资源名称资源名称
   icon: mp4
   type: 素材
   date: 2019-05-10
   fileSize: 1.58M # 1656750 # byte

uploadList:
- name: 资源名称资源名称资源名称资源名称
  icon: bmp
  type: 素材
  fileSize: 1.58M
- name: 资源名称资源名称资源名称资源名称
  icon: mp3
  type: 素材
  fileSize: 1.58M
- name: 资源名称资源名称资源名称资源名称
  icon: jpg
  type: 素材
  fileSize: 1.58M
- name: 资源名称资源名称资源名称资源名称
  icon: mp4
  type: 素材
  fileSize: 1.58M
- name: 资源名称资源名称资源名称资源名称
  icon: mp4
  type: 素材
  fileSize: 1.58M
- name: 资源名称资源名称资源名称资源名称
  icon: mp4
  type: 素材
  fileSize: 1.58M
---

<main class="clearfix">
  <div class="content-container">
    <div class="col-md-3" style="padding-left: 0">
      {% include sidenav-list.html %}
    </div>
    <div class="col-md-9" style="padding-right: 0">
      <div class="mh-nav-tabs" data-active="0">
        
        <a href="#"
          class="btn btn-primary btn-default"
          id="resources-courses-upload-button" 
          data-toggle="modal"
          data-target="#modal-dialog-upload"
        >上传资源</a>
        
        {% assign contentNavTabsSize0 = page.contentNavTabs | size | minus: 1 %}
        <ul class="mh-nav-tabs-navs">
          {% for i in (0..contentNavTabsSize0) %}
          {% assign navTab = page.contentNavTabs[i] %}
          <li class="mh-nav-tabs-nav"><a href="#" data-index="{{i}}">{{navTab.label}}</a></li>
          {% endfor %}
          <span class="mh-nav-tabs-nav-indicator"></span>
        </ul>
        <div class="mh-nav-tabs-panels">
          {% for i in (0..contentNavTabsSize0) %}
          {% assign navTab = page.contentNavTabs[i] %}
          <div class="mh-nav-tabs-panel">
            <div class="input-group-sm resources-results-filters">
              <select class="form-control" id="nav-tabs-filter-geshi-{{i}}">
                <option value="">全部格式</option>
                <option value="1">格式1</option>
                <option value="2">格式2</option>
                <option value="3">格式3</option>
              </select>
              <select class="form-control" id="nav-tabs-filter-sucai-{{i}}">
                <option value="">全部类别</option>
                <option value="1">素材1</option>
                <option value="2">素材2</option>
                <option value="3">素材3</option>
              </select>
              
              <a href="#" class="btn btn-sm btn-default btn-primary pull-right disabled" id="nav-tabs-search-button-{{i}}">搜索</a>
              <input type="text" class="form-control pull-right input-placeholder resources-courses-search-input" placeholder="请输入关键字" id="nav-tabs-search-input-{{i}}">
              
            </div>
            
            <div class="resources-results">
              {% if i == 1 and page.noResults %}
              <div class="resources-results-no-results"></div>
              {% else %}
              <div class="resources-results-container">
                <ul class="resources-results-list">
                  {% for resource in page.resourcesList %}
                  <li class="resources-results-list-item clearfix">
                    <div class="resourses-resuls-list-item-icon pull-left">
                      <img src="{{site.url | append: "/assets/imgs/pages/resources-courses/icon-" | append: resource.icon | append: ".png"}}" alt="">
                    </div>
                    <div class="resources-resuls-list-item-info pull-left">
                      <h4>{{resource.name}}</h4>
                      <div class="resources-results-list-item-info-items">
                        <span>{{resource.type}}</span>
                        <span>{{resource.date}} 发布</span>
                        <span>大小：{{resource.date}}</span>
                      </div>
                    </div>
                    <div class="resources-results-list-item-operations pull-right">
                      <div class="btn-group">
                        <a href="#" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">
                          预览 <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                          <li><a href="#" class="disabled">编辑</a></li>
                          <li><a href="#" class="disabled">分享</a></li>
                          <li><a href="#" class="disabled">收藏</a></li>
                          <li><a href="#" class="disabled">下载</a></li>
                          <li><a href="#" data-toggle="modal" data-target="#modal-dialog-add">添加教材</a></li>
                          <li><a href="#" data-toggle="modal" data-target="#modal-dialog-comment">评价</a></li>
                          <li><a href="#" data-toggle="modal" data-target="#modal-dialog-modify">修改类型</a></li>
                          <li><a href="#" data-toggle="modal" data-target="#modal-dialog-delete">删除</a></li>
                        </ul>
                      </div>
                    </div>
                  </li>
                  {% endfor %}
                </ul>
                <div class="resources-results-paginator clearfix">
                  <div class="center-block">
                    <div class="resources-results-paginator-pagination pull-left">
                      <ul class="pagination pagination-sm">
                        <li class="pagination-prev"><a href="#">&laquo;</a></li>
                        <li><a href="#">1</a></li>
                        <li class="active"><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li class="pagination-next"><a href="#">&raquo;</a></li>
                      </ul>
                      <span class="resources-results-paginator-total">共20页</span>
                    </div>
                    
                    <div class="resources-results-paginator-jump pull-left">
                      <div class="pull-left">
                        <span class="input-group input-group-sm" style="width: 8rem">
                          <input type="text" class="form-control input-sm resources-results-paginator-jump-input">
                          <span class="input-group-btn">
                            <a href="#" class="btn btn-default btn-sm disabled">页</a>
                          </span>
                        </span>
                      </div>
                      <a href="#" class="btn btn-default btn-sm resources-results-paginator-jump-button">跳转</a>
                    </div>
                  </div>
                </div>
              </div>
              {% endif %}
            </div>
          </div>
          {% endfor %}
        </div>
      </div>
    </div>
  </div>
</main>

<div class="modal fade" id="modal-dialog-add" tabindex="-1" role="dialog" aria-labelledby="Add Book Modal Dialog" aria-hidden="true">
  <div class="modal-dialog" role="document" style="width:45rem">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">添加教材</h4>
        <!-- <a class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </a> -->
      </div>
      <div class="modal-body">
        <div class="form-group row">
          <label for="modal-dialog-add-level" class="col-md-3 col-form-label">学段：</label>
          <div class="col-md-9">
            <select class="form-control input-sm" id="modal-dialog-add-level">
              <option value="1" selected>小学</option>
              <option value="2">初中</option>
              <option value="3">高中</option>
            </select>
          </div>
        </div>
        <div class="form-group row">
          <label for="modal-dialog-add-course" class="col-md-3 col-form-label">学科：</label>
          <div class="col-md-9">
            <select class="form-control input-sm" id="modal-dialog-add-course">
              <option value="1" selected>语文</option>
              <option value="2">数学</option>
              <option value="3">英语</option>
            </select>
          </div>
        </div>
        <div class="form-group row">
          <label for="modal-dialog-add-version" class="col-md-3 col-form-label">版本：</label>
          <div class="col-md-9">
            <select class="form-control input-sm" id="modal-dialog-add-version">
              <option value="1" selected>人教版</option>
              <option value="2">冀教版</option>
              <option value="3">陕教版</option>
            </select>
          </div>
        </div>
        <div class="form-group row">
          <label for="modal-dialog-add-book" class="col-md-3 col-form-label">册别：</label>
          <div class="col-md-9">
            <select class="form-control input-sm" id="modal-dialog-add-book">
              <option value="1" selected>一年级上册</option>
              <option value="2">一年级下册</option>
              <option value="3">二年级上册</option>
            </select>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary form-submit">确定</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modal-dialog-comment" tabindex="-1" role="dialog" aria-labelledby="Comment Modal Dialog" aria-hidden="true">
  <div class="modal-dialog" role="document" style="width:45rem">
    <div class="modal-content">
      <div class="modal-header">
        <!-- <h4 class="modal-title">评价</h4>
        <a class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </a> -->
      </div>
      <div class="modal-body">
        <div><span>评分：</span>
          <ul class="mh-rate" tabindex="0" role="radiogroup">
            {% include rating.html %}
            <input type="hidden" id="modal-dialog-comment-rate">
          </ul>
        </div>
        <div style="margin-top: 1rem">
          <textarea class="form-control input-placeholder" id="modal-dialog-comment-text" placeholder="请输入评价内容"></textarea>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary form-submit">提交</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modal-dialog-modify" tabindex="-1" role="dialog" aria-labelledby="Modification Modal Dialog" aria-hidden="true">
  <div class="modal-dialog" role="document" style="width:45rem">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">修改类型</h4>
        <!-- <a class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </a> -->
      </div>
      <div class="modal-body">
        <div style="margin-bottom:.5rem;font-weight:700">资源类型</div>
        <div class="form-group row">
          <div class="form-check col-md-3">
            <input class="form-check-input" type="radio" name="modal-dialog-modify-type" id="modal-dialog-modify-type-1" value="1" checked>
            <label class="form-check-label" for="modal-dialog-modify-type-1">课件</label>
          </div>
          <div class="form-check col-md-3">
            <input class="form-check-input" type="radio" name="modal-dialog-modify-type" id="modal-dialog-modify-type-2" value="2">
            <label class="form-check-label" for="modal-dialog-modify-type-2">习题</label>
          </div>
          <div class="form-check col-md-3">
            <input class="form-check-input" type="radio" name="modal-dialog-modify-type" id="modal-dialog-modify-type-3" value="3">
            <label class="form-check-label" for="modal-dialog-modify-type-3">素材</label>
          </div>
          <div class="form-check col-md-3">
            <input class="form-check-input" type="radio" name="modal-dialog-modify-type" id="modal-dialog-modify-type-4" value="4">
            <label class="form-check-label" for="modal-dialog-modify-type-4">其他</label>
          </div>
        </div>
        <div class="form-group row">
          <label for="modal-dialog-modify-book" class="col-md-4 col-form-label">教材选择</label>
          <div class="col-md-8">
            <select class="form-control input-sm" id="modal-dialog-modify-book">
              <option value="1">人教版-1</option>
              <option value="2">人教版-2</option>
              <option value="3">人教版-3</option>
            </select>
          </div>
        </div>
        <div class="form-group row">
          <label for="modal-dialog-modify-section" class="col-md-4 col-form-label">章节选择</label>
          <div class="col-md-8">
            <select class="form-control input-sm" id="modal-dialog-modify-section">
              <option value="1">第一章</option>
              <option value="2">第二章</option>
              <option value="3">第三章</option>
            </select>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary form-submit">确认修改</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modal-dialog-delete" tabindex="-1" role="dialog" aria-labelledby="Delete Modal Dialog" aria-hidden="true">
  <div class="modal-dialog" role="document" style="width:36rem">
    <div class="modal-content">
      <div class="modal-header">
        <!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <a class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </a> -->
      </div>
      <div class="modal-body text-center">
        <span style="font-size: 110%">是否确认删除本资源</span>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary form-submit">确认删除</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modal-dialog-upload" tabindex="-1" role="dialog" aria-labelledby="Upload Modal Dialog" aria-hidden="true">
  <div class="modal-dialog" role="document" style="width:800px">
    <div class="modal-content">
      <div class="modal-header" style="text-align:left">
        <h5 class="modal-title">上传资源</h5>
        <a class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </a>
      </div>
      <div class="modal-body">
        <div class="form-group row">
          <div class="col-md-2">
            资源类型
          </div>
          <div class="form-check col-md-2">
            <input class="form-check-input" type="radio" name="modal-dialog-upload-type" id="modal-dialog-upload-type-1" value="1" checked>
            <label class="form-check-label" for="modal-dialog-upload-type-1">课件</label>
          </div>
          <div class="form-check col-md-2">
            <input class="form-check-input" type="radio" name="modal-dialog-upload-type" id="modal-dialog-upload-type-2" value="2">
            <label class="form-check-label" for="modal-dialog-upload-type-2">习题</label>
          </div>
          <div class="form-check col-md-2">
            <input class="form-check-input" type="radio" name="modal-dialog-upload-type" id="modal-dialog-upload-type-3" value="3">
            <label class="form-check-label" for="modal-dialog-upload-type-3">素材</label>
          </div>
          <div class="form-check col-md-2">
            <input class="form-check-input" type="radio" name="modal-dialog-upload-type" id="modal-dialog-upload-type-4" value="4">
            <label class="form-check-label" for="modal-dialog-upload-type-4">其他</label>
          </div>
        </div>
        <div class="form-group row">
          <label for="modal-dialog-upload-book" class="col-md-2 col-form-label">教材选择</label>
          <div class="col-md-5">
            <select class="form-control input-sm" id="modal-dialog-upload-book">
              <option value="1" selected>人教版-1</option>
              <option value="2">人教版-2</option>
              <option value="3">人教版-3</option>
            </select>
          </div>
        </div>
        <div class="form-group row">
          <label for="modal-dialog-upload-course" class="col-md-2 col-form-label">学科选择</label>
          <div class="col-md-5">
            <select class="form-control input-sm" id="modal-dialog-upload-course">
              <option value="1" selected>语文</option>
              <option value="2">数学</option>
              <option value="3">英语</option>
            </select>
          </div>
        </div>
        <div class="row">
          <div class="col-md-2">上传资源</div>
          <div class="col-md-8 text-muted small">支持上传格式：bmp、jpg、png、mp3、mp4、doc、docs、ppt、pptx、xls、xlsx</div>
        </div>
        <div class="modal-dialog-upload-files clearfix">
          {% assign uploadListSize0 = page.uploadList | size | minus: 1 %}
          {% for i in (0..uploadListSize0) %}
          {% assign resource = page.uploadList[i] %}
          <div class="col-md-4 modal-dialog-upload-files-item-wrapper">
            <div class="modal-dialog-upload-files-item">
              <img src="{{site.url | append: "/assets/imgs/pages/resources-courses/upload/icon-" | append: resource.icon | append: ".png"}}" alt="" class="modal-dialog-upload-files-item-icon">
              <div class="modal-dialog-upload-files-item-info">
                <div class="modal-dialog-upload-files-item-name">{{resource.name}}</div>
                <div class="modal-dialog-upload-files-item-size text-muted">{{resource.fileSize}}</div>
              </div>
              <a class="close" aria-label="Remove">
                <span aria-hidden="true">&times;</span>
              </a>
            </div>
          </div>
          {% endfor %}
          
          {% if uploadListSize0 < 9 %}
          <div class="col-md-4 modal-dialog-upload-files-item-wrapper">
            <div class="modal-dialog-upload-files-item more">
              <a href="#">
                <img src="{{site.url | append: "/assets/imgs/pages/resources-courses/upload/more_plus.png"}}" alt="" class="modal-dialog-upload-files-item-icon">
              </a>
              <div class="text-muted text-large">
                还能上传{{9 | minus: uploadListSize0}}个
              </div>
            </div>
          </div>
          {% endif %}
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary form-submit">确定上传</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>

<script>
  window._site.scriptName = 'resources-courses';
</script>
